<!DOCTYPE html>
<html>
<head lang="en">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title>海风商城</title>
    <link rel="stylesheet" href="/css/base.css"/>
    <link rel="stylesheet" href="/css/index.css"/>
    <link rel="shortcut icon" href="favicon.ico" />
    {insert_scripts files="../../js/jquery-1.12.3.min.js"}
    {insert_scripts files="../../js/swiper.min.js"}
    <script>
      var iScale = 1;
        !function(){
            var htmlEl = document.getElementsByTagName('html')[0];
            var fitPage = function(){
                /* The calculate of with from zepto  */
                var w = htmlEl.getBoundingClientRect().width;
                w = Math.round(w);
                w = w > 640 ? 640: w;
                var newW = w/640 * 100;
                htmlEl.style.fontSize = newW + 'px';
            }
            fitPage();

            var t;
            var func = function(){
                clearTimeout(t);
                t = setTimeout(fitPage, 25);
            }
            window.addEventListener('resize', func);
        }();
    
    </script>
</head>
<body>
<!--header Start-->
<div class="header ">
  <div class="left fl">
    <a onclick="history.go(-1)" class="home">
     <img src="images/icon_back_n.png" class="ib">
     <i></i>
    </a>
  </div>
  <div class="tit">
    <h2><span class="title">商品列表</span></h2>
  </div>
  <div class="right fr">
   
  </div>
</div>
<!--header End  -->
<!--banner Start-->
<div class="wrapper">
  <div class="page-product-view">
    <div class="b1 clearfix">
      <img src="images/detail_01.jpg">
    </div>
    <div class="b2">
        <p class="pro-title ">初中金牌课程套餐</p>
      <div class="clearfix detail-price">
        <p> <span class="class-price-unit">￥</span><span class="class-price">3060</span> <span class="class-price-unit">~ </span> <span class="class-price">19580</span>
            <!--促销活动简短说明-->
        </p>
      </div>
    </div>
    <div class="clearfix detail-panel">
      <dl  >
          <dt>学习方案：</dt>
          <dd class="active ">
              <a target="_blank" href="#">提分培优</a><i class="arrow"></i></dd><dd class=" "><a target="_blank" href="#">自招/竞赛</a></dd>
      </dl>
      <dl >
          <dt>所在年级：</dt>
          <dd class="active ">
              <a target="_blank" href="#">初三</a><i class="arrow"></i>

          </dd>
          <dd class=" ">
              <a target="_blank" href="#">初二</a>

          </dd>
          <dd class=" ">
              <a target="_blank" href="#">初一</a>
          </dd>
          <dd class=" ">
              <a target="_blank" href="#">小学/预备班</a>

          </dd>
      </dl>
      <dl >
          <dt>总计课时：</dt>
          <dd class=" ">
              <a target="_blank" href="#">32</a><i class="arrow"></i>
          </dd>
          <dd class=" ">
              <a target="_blank" href="#">64  </a>

          </dd>
          <dd class=" ">
              <a target="_blank" href="#">128</a>
          </dd>
      </dl>
      <dl class="">
          <dt>VIP特色：</dt>
          <dd class="vip ">
              <a target="_blank" href="#">选择“五星名师”授课 </a><i class="arrow"></i>

          </dd>
      </dl>
    </div>
    <!-- 课程特色 -->
    <div  class="item-tese clearfix">
      <ul class="item-info-list clearfix"> 
        <li class="list-item"> <a href="javascript:;">系统化学习</a> </li>  <li class="list-item"> <a href="javascript:;">24H内答疑</a> </li>
        <li class="list-item"> <a href="javascript:;">作业批改</a> </li>   
        <li class="list-item"> <a href="javascript:;">资料下载</a> </li>  
        <li class="list-item"> <a href="javascript:;">互动直播课</a> </li>
        <li class="list-item"> <a href="javascript:;">名师答疑</a> </li>  
         </ul> 
    </div>
    <div class="product-footer">
      <div class="btns-box clearfix">
        <a href="javascript:;" class="btns btnConsult fr"><i class="iconfont">&#xe607;</i>课程咨询</a>
        <a href="#" class="btns btnGreen btnBuy fl" target="_blank" onclick="sendDspView()"><i class="iconfont">&#xe608;</i>立即购买</a>
      </div>
    </div>
    
  </div>

</div>
<!-- 登录弹出框 Start-->
<div class="login" id="login">
    <div class="mask"></div>
    <div class="share-component">
      <div class="popTitle">
        <span class="title">登录账号</span>
        <i class="iconfont close">&#xe600;</i>
      </div>
      <div class="login-box clearfix padd30">
        <div class="hf-input ">
          <input class="hf-username" name="username" placeholder="请输入手机号" data-hf-widgets="1">
          <span class="hf-err-tips"> <i class="iconfont icon_error">&#xe605;</i>手机号码格式不正确</span>
        </div>
        <div class="hf-input ">
          <input type="password" class="hf-password" name="password" maxlength="20" placeholder="密码" data-hf-widgets="2">
          <span class="hf-err-tips"> <i class="iconfont icon_error">&#xe605;</i>密码错误提示</span>
        </div>
        <button class="hf-btn btn-bule" type="submit" >登录</button>
        <div class="hf-third-login clearfix">
          <ul class="forget-pwd ">
            <li class="fl"><a href="#" class="col-blue">注册账号</a></li>
            <li class="fr"><a href="#">忘记密码</a> </li>
          </ul>
        </div>
      </div>
    </div>
</div>
<!-- 登录弹出框 Start-->
<!-- 注册弹出框 Start-->
<div class="register" id="register">
    <div class="mask"></div>
    <div class="share-component">
      <div class="popTitle">
        <span class="title">注册账号         </span>
        <i class="iconfont close">&#xe600;</i>
      </div>
      <div class="login-box clearfix padd30">
        <div class="hf-input ">
          <input class="hf-username" name="username" placeholder="请输入手机号" data-hf-widgets="1">
          <span class="hf-err-tips"> <i class="iconfont icon_error">&#xe605;</i>手机号码格式不正确</span>
        </div>
        <div class="hf-input ">
          <input class="hf-captcha" maxlength="8" name="captcha" data-rule-required="true" placeholder="请输入短信验证码">
          <span class="btn-half hf-dtm-get flag ">获取验证码</span>
          <span class="hf-err-tips"> <i class="iconfont icon_error">&#xe605;</i>密码错误提示</span>
        </div>

        <div class="hf-input ">
          <input type="password" class="hf-password" name="password" maxlength="20" placeholder="请设置登录密码" data-hf-widgets="2">
          <span class="hf-err-tips"> <i class="iconfont icon_error">&#xe605;</i>密码格式错误</span>
        </div>
        <button class="hf-btn btn-bule" type="submit" >注册</button>
        <div class="hf-third-login clearfix">
          <ul class="forget-pwd ">
            <li class="fl"><a href="#" class="col-blue"></a></li>
            <li class="fr"><a href="#"><em>已有账号？</em>立即登录</a> </li>

          </ul>
        </div>
      </div>
    </div>
</div>
<!-- 注册弹出框 Start-->
<!-- 找回密码 Start-->
<div class="resetpwd" id="resetpwd">
    <div class="mask"></div>
    <div class="share-component">
      <div class="popTitle">
        <span class="title">找回密码 </span>
        <i class="iconfont close">&#xe600;</i>
      </div>
      <div class="login-box clearfix padd30">
        <div class="hf-input ">
          <input class="hf-username" name="username" placeholder="请输入手机号" data-hf-widgets="1">
          <span class="hf-err-tips"> <i class="iconfont icon_error">&#xe605;</i>手机号码格式不正确</span>
        </div>
        <div class="hf-input ">
          <input class="hf-captcha" maxlength="8" name="captcha" data-rule-required="true" placeholder="请输入短信验证码">
          <span class="btn-half hf-dtm-get flag ">获取验证码</span>
          <span class="hf-err-tips"> <i class="iconfont icon_error">&#xe605;</i>密码错误提示</span>
        </div>
        <div class="hf-input ">
          <input type="password" class="hf-password" name="password" maxlength="20" placeholder="请设置登录密码" data-hf-widgets="2">
          <span class="hf-err-tips"> <i class="iconfont icon_error">&#xe605;</i>密码格式错误</span>
        </div>
        <button class="hf-btn btn-bule" >下一步</button>
       
      </div>
    </div>
</div>
<!-- 找回密码 Start-->
</body>
</html>